<template>
  <div>
    <van-tabs
      :type="tab.type"
      :color="tab.color"
      :animated="tab.animated"
      :swipeable="tab.swipeable"
      offset-top="20"
      >
    <van-tab
      v-for="item in tab.list"
      :key="item.id"
      :title="item.title"
      :to="'?id='+item.id"
    >
    </van-tab>
    </van-tabs>
    <div style="margin-top:5px"></div>
  </div>
</template>

<script>
// import Swipe from './swipe.vue';

export default {
  components: {
    // Swipe,
  },
  props: {
    tab: Array,
  },
  data() {
    return {
      /*
      tab: {
        type: 'line', // line or card 风格
        color: '#242424', // 颜色
        duration: 0.7, // 动画时间，单位毫秒
        sticky: true, // 是否使用粘性定位布局
        swipeable: false, // 是否开启手势滑动切换
        animated: false, // 是否使用动画切换 Tabs
        // 标签列表
        list: [
          {
            title: 'A1',
            id: 10001,
            fun: this.d, // 点击函数
          },
          {
            title: 'A3',
            id: 10002,
            fun: this.d1,
          },
          {
            title: 'A2',
            id: 10007,
            fun: null,
          },
          {
            title: 'A5',
            id: 10004,
            fun: null,
          },
        ],
      },
      */
      // 当前轮播
      swipe: null,
    };
  },
  methods: {
    onClick(event) {
      let tabfun = this.tab.list[event].fun; // 提取列表函数
      if (tabfun) {
        tabfun(); // 使用
      }
    },
  },
  mounted() {
    // this.tab.list[0].fun(); // 先实现tab-0的函数
    this.$router.push({ path: '?id=' + this.tab.list[0].id });
  },
};
</script>
<!--
      tab: {
        type: 'line', // line or card 风格
        color: '#242424', // 颜色
        duration: 0.7, // 动画时间，单位毫秒
        sticky: true, // 是否使用粘性定位布局
        swipeable: false, // 是否开启手势滑动切换
        animated: false, // 是否使用动画切换 Tabs
        // 标签列表
        list: [
          {
            title: 'A1',
            fun: this.d, // 点击函数
          },
          {
            title: 'A3',
            fun: this.d1,
          },
          {
            title: 'A2',
            fun: null,
          },
        ],
      },
-->
